<template>
  <div :class="$style.redmodal">
    <div :class="$style.serveBlock">
      <img :class="$style.serveIcon" alt="" src="/kefuhong.png" />
      <div :class="$style.serveContent">
        <div :class="$style.serveText1">客服在线为您答疑解惑</div>
        <div :class="$style.serveText2">真诚服务献给每一位用户</div>
      </div>
      <div :class="$style.serveBtn">联系客服</div>
    </div>
    <div :class="$style.mainBlock">
      <div :class="$style.noData">
        <img :class="$style.noIcon" alt="" src="/zanwushuju.png" />
        <div :class="$style.noText">暂无数据</div>
      </div>
    </div>
  </div>
</template>
<script>
import { defineComponent } from "vue";
export default defineComponent({
  name: "RedModal",
  data() {
    return {
      
    };
  },
  methods: {

  },
});
</script>
<style module>
.redmodal {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 25px 20px;
  overflow-y: auto;
}

.serveBlock {
  width: 100%;
  box-sizing: border-box;
  padding: 30px 20px;
  background-color: #FED4CC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.serveIcon {
  width: 52px;
  height: 52px;
}

.serveContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.serveText1 {
  font-family: Source Han Sans CN;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #903132;
  margin-bottom: 8px;
}

.serveText2 {
  font-family: Source Han Sans;
  font-size: 14px;
  font-weight: 250;
  line-height: 14px;
  color: #903132;
}

.serveBtn {
  width: 96px;
  height: 36px;
  border-radius: 100px;
  background: linear-gradient(90deg, #FD5F1F 0%, #FC001A 100%);
  text-align: center;
  line-height: 36px;
  font-family: Source Han Sans;
  font-size: 14px;
  font-weight: 300;
  color: #FFFFFF;
  cursor: pointer;
}

.mainBox {
  width: 100%;
}

.noData {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}

.noIcon {
  width: 200px;
  height: 200px;
  margin-bottom: 4px;
}

.noText {
  font-family: Source Han Sans;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  color: #909399;
}
</style>